﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="default.aspx.cs"
    Inherits="custom_pages_tilpasset" MasterPageFile="~/statistik.master" %>

<asp:Content ContentPlaceHolderID="head" runat="server">
    <link rel="Stylesheet" href="/css/tilpasset.css" />
    <script type="text/javascript" src="/js/tilpasset.min.js"></script>
</asp:Content>
<asp:Content ContentPlaceHolderID="content" runat="server">
    <div class="top dynamic-content">
        <div class="left">
            <h1>Statistik for Digital Flytning og eFlyt</h1>
            <p>Velkommen til dette forsøgsvise statistikmodul for de offentlige flytteløsninger
                Digital Flytning og eFlyt.</p>
            <p>Her kan du måle på en række frit tilgængelige parametre for brugen af flytteløsningen
                i både din kommune og alle de andre. Du kan se udviklingen af et givent parameter over tid,
                sammenligne med udviklingen i andre kommuner og se den procentvise fordeling af tallene i de
                valgte kommuner til en bestemt måned.</p>
            <p>De målbare parametre, stillet frit til rådighed af
                <a href="http://statistik.borger.dk/">statistik.borger.dk</a>, inkluderer følgende:</p>
            <ul>
                <li><b>Transaktioner:</b><br />Antallet af gennemførte aktiveringer af flytteløsningen.<br />
                    Antal transaktioner kan også vises pr. 1000 borgere, så det bliver lettere at sammenligne
                    på tværs af kommuner.</li>
                <li><b>Aktiveringer:</b><br />Det antal gange, som løsningen er blevet aktiveret af en borger
                    (inkluderer også de aktiveringer, der tælles med som transaktioner).<br />
                    Ligesom transaktioner kan aktiveringer også vises pr. 1000 borgere.</li>
                <li><b>Gennemførselsprocent:</b><br />Den procentdel af aktiveringerne, som også er transaktioner.</li>
                <li><b>Gennemsnitlig gennemførselstid:</b><br />Det gennemsnitlige antal sekunder, som det
                    har taget en borger at foretage en transaktion.</li>
            </ul>
            <p>Nedenfor kan du se det tilpassede statistikmodul. Statistikken i dette modul tager
                udgangspunkt i en specifik kommune, som du kan vælge ud fra rullemenuen i dialogboksen.<br />
                Hvis du allerede har valgt en kommune, kan du til hver en tid skifte den ved at
                klikke på "Ændr kommune".</p>
        </div>
        <div id="linktabs" class="right">
            <ul>
                <li><a href="#linktab1">Dialogforum</a></li>
                <li><a href="#linktab2">Mere statistik</a></li>
            </ul>
            <div id="linktab1">
                <p>Digital Flytnings dialogforum har til formål at give kommunerne en direkte
                    kanal til erfaringsudveksling og nyheder om flytteløsningen.</p>
                <p>Her kan du finde det seneste nye om løsningen og deltage aktivt i dialogen
                    omkring den videre udvikling.</p>
                <a href="http://forum.digitalflytning.dk/" target="_blank">
                    <span class="ui-icon ui-icon-carat-1-e"></span>
                    Gå til dialogforum
                </a>
            </div>
            <div id="linktab2">
                <p>Statistikmodulet på denne side tager udgangspunkt i en specifik kommune
                    og kan derfor ikke vise al statistik for alle kommuner på samme tid.</p>
                <p>En sådan visning kan forekomme uoverskuelig, men hvis du mener, at have brug
                    for den, kan du tilgå dette modul ved at klikke nedenfor.</p>
                <a href="/omfattende.aspx" target="_blank">
                    <span class="ui-icon ui-icon-carat-1-e"></span>
                    Gå til omfattende statistik
                </a>
            </div>
        </div>
    </div>
    <div id="charttabs" class="dynamic-content">
        <ul>
            <li><a href="#tab1"><br />Transaktioner</a></li>
            <li><a href="#tab2"><br />Aktiveringer</a></li>
            <li><a href="#tab3"><br />Gennemførselsprocent</a></li>
            <li><a href="#tab4">Gennemsnitlig<br />gennemførselstid</a></li>
            <li><a href="#tab5">
                <br /><span class="ui-icon ui-icon-gear"></span>
                Indstillinger
            </a></li>
        </ul>
        <div id="tab1">
            <div style="margin-left:120px;">
                <table><tr>
                    <td><span class="button-swap"></span></td>
                    <td><span class="ui-icon ui-icon-triangle-1-w"></span></td>
                    <td>Klik her for at skifte mellem antal total og antal pr. 1000 borgere.</td>
                </tr></table>
            </div>
            <div id="transchart"></div>
            <p style="margin-left:120px;">Vælg en måned i ovenstående diagram for at få vist en
                procentvis sammenligning af de viste kommuners andel af både det totale og det relative
                antal transaktioner.</p>
            <div class="piepanel">
                <div id="transrelpie" style="float:right;"></div>
                <div id="transpie" style="float:right;"></div>
            </div>
        </div>
        <div id="tab2">
            <div style="margin-left:120px;">
                <table><tr>
                    <td><span class="button-swap"></span></td>
                    <td><span class="ui-icon ui-icon-triangle-1-w"></span></td>
                    <td>Klik her for at skifte mellem antal total og antal pr. 1000 borgere.</td>
                </tr></table>
            </div>
            <div id="aktchart"></div>
            <p style="margin-left:120px;">Vælg en måned i ovenstående diagram for at få vist en
                procentvis sammenligning af de viste kommuners andel af både det totale og det relative
                antal aktiveringer.</p>
            <div class="piepanel">
                <div id="aktrelpie" style="float:right;"></div>
                <div id="aktpie" style="float:right;"></div>
            </div>
        </div>
        <div id="tab3">
            <div style="height:28px;"></div>
            <div id="pctchart"></div>
        </div>
        <div id="tab4">
            <div style="height:28px;"></div>
            <div id="timechart"></div>
        </div>
        <div id="tab5">
            <div style="float:right;width:350px;">
                <h2>Husk mig</h2>
                <p>Sæt hak her for altid at vende tilbage til statistikmodulet,
                    akkurat som du sidst forlod det.</p>
                <input id="checkbox-remember" type="checkbox" />
                <label for="checkbox-remember">Husk denne opsætning</label>
                <br /><br />
                <p><b>Bemærk:</b><br />
                    Dette vil gemme en cookie på din computer, når du lukker denne side.<br />
                    En cookie er en lille samling data, som opretholdes af din egen webbrowser.<br />
                    Denne cookie har en levetid på to måneder. Fjern hakket i "Husk mig" boksen igen
                    for at slette den.</p>
            </div>
            <div style="float:left;width:350px;">
                <h2>Landsgennemsnit</h2>
                <p>Sæt hak her for at få vist landsgennemsnittet som en blå områdegraf i diagrammet.</p>
                <input id="checkbox-avg" type="checkbox" />
                <label for="checkbox-avg">Vis landsgennemsnit</label>
            </div>
        </div>
    </div>
    <div id="serieswidget" class="ui-widget dynamic-content">
        <div class="ui-widget-header">
            <span class="minor">Viser statistik med udgangspunkt i:</span>
            <br /><span class="userlabel">&lt;Vælg en kommune&gt;</span>
        </div>
        <div class="ui-widget-content">
            <div id="seriescontainer">
            </div>
            <div class="series" style="text-align:center;">
                <div id="button-add">Tilføj kommune</div>
            </div>
            <div class="guide">
                <p>Klik på knappen ovenfor for at sammenligne statistik med andre kommuner.</p>
            </div>
        </div>
        <div style="margin-top:40px;">
            <p>Klik her for at ændre den kommune, som statistikmodulet tager udgangspunkt i.</p>
            <div id="button-choose" style="font-size:12pt;">Ændr kommune</div>
        </div>
    </div>
</asp:Content>
<asp:Content ContentPlaceHolderID="floating" runat="server">
    <div id="municipalitydialog" class="dynamic-content" title="Vælg kommune">
        <p>Vælg den kommune, som statistikmodulet skal tage udgangspunkt i.</p>
        <select>
            <asp:Xml ID="Xml1" runat="server" DocumentSource="~/xml/MunicipalityList.xml"
                TransformSource="~/xml/MunicipalityOptions.xslt" />
        </select>
    </div>
    <div id="seriesdialog" class="dynamic-content" title="Tilføj kommune">
        <select>
            <option>-- Vælg kommune --</option>
            <asp:Xml runat="server" DocumentSource="~/xml/MunicipalityList.xml"
                TransformSource="~/xml/MunicipalityOptions.xslt" />
        </select>
    </div>
</asp:Content>
